<script>
    var initPage1 = function () {
        showFlag = true
        var winH = $("body").height();
        $("#page-1").css("font-size", winH / 10 + "px");

        $("#page-1").show().addClass("fadeIn");
    }

    $("#page-1").one(aniend, function () {
        $(this).find(".inner.container .tong").addClass("fadeIn");
    });

    $("#page-1 .inner.container .tong").one(aniend, function () {
        $("#page-1 .top").animate({
            height: "3em"
        }, 600, "linear", function () {
            $("#page-1 .top .tong").animate({
                "opacity": 0.5
            }, 400, "linear");

            $("#page-1 .top").animate({
                height: "5em"
            }, 400, "linear", function () {
                $("#page-1 .top .tong").animate({
                    "opacity": 1
                }, 1000, "linear");
                $("#page-1 .top").animate({
                    height: "10em"
                }, 1000, "linear", function () {
                    $("#page-1").hide();
                    initPage2();
                });
            });
        });
    });
</script>